@import url('normalize.css');
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
        'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f3f3f3;
    height: 100vh;
}
// /* 滚动条整体样式 */
// ::-webkit-scrollbar {
//     width: 10px; /* 滚动条的宽度 */
//     height: 50px;
//   }

//   /* 滚动条滑块样式 */
//   ::-webkit-scrollbar-thumb {
//     background-color: darkgrey; /* 滑块颜色 */
//     border-radius: 10px; /* 滑块边角圆滑度 */
//     border: 2px solid transparent; /* 滑块边框，透明以突出圆角效果 */
//     background-clip: content-box; /* 边框内绘制背景，这样圆角效果更明显 */
//   }

//   /* 滚动条轨道样式 */
//   ::-webkit-scrollbar-track {
//     background: transparent; /* 轨道颜色 */
//     border-radius: 10px; /* 轨道边角圆滑度 */
//   }

//   /* 滚动条轨道上的边角样式 */
//   ::-webkit-scrollbar-corner {
//     background: transparent; /* 边角颜色 */
//   }

// .scrolling::-webkit-scrollbar {
//     width: 8px; /* 宽度 */
//     height: 8px; /* 对于垂直滚动条 */
// }

// /* 滚动条整体样式 */
// ::-webkit-scrollbar {
//     width: 0px; /* 宽度 */
//     height: 8px; /* 对于垂直滚动条 */
// }

// /* 滚动条滑块 */
// ::-webkit-scrollbar-thumb {
//     background: rgba(0, 0, 0, 0.1); /* 滑块颜色 */
//     border-radius: 10px; /* 圆角 */
//     transition: background 0.3s ease; /* 平滑过渡效果 */
// }

// /* 滚动条轨道 */
// ::-webkit-scrollbar-track {
//     background: transparent; /* 轨道颜色 */
//     border-radius: 10px; /* 圆角 */
// }

// /* 当hover在滚动条上时改变颜色 */
// ::-webkit-scrollbar-thumb:hover {
//     background: rgba(0, 0, 0, 0.5); /* 更深的颜色 */
// }

/* 自定义滚动条样式 */  
::-webkit-scrollbar {  
    width: 6px; /* 宽度 */  
    height: 6px; /* 高度 */  
}  
  
/* 滚动条滑块 */  
::-webkit-scrollbar-thumb {  
    background: rgba(0, 0, 0, 0.2); /* 初始透明度 */  
    border-radius: 10px;  
}  
  
/* 滚动条轨道 */  
::-webkit-scrollbar-track {  
    background: transparent;  
    border-radius: 10px;  
}  
  
/* 滚动时改变透明度 */  
.scroll-active ::-webkit-scrollbar-thumb {  
    background: rgba(0, 0, 0, 0.5); /* 滚动时的透明度 */  
}

